<!--  -->
<template>
  <div class='complaint-page'>
    <c-title :hide="false" text="投诉建议"></c-title>
    <div class="complaint-main">
      <div class="complaint-title">问题类型</div>
      <complaint-tag :tagList="tagList" @tagClick="tagClick"></complaint-tag>
      <comp-content :content.sync="relationForm.content" :imgs.sync="relationForm.imgs"></comp-content>
      <div class="relation">
        <div class="complaint-title">联系方式</div>
        <div class="relation-form">
          <van-field
            v-model="relationForm.mobile"
            name="联系电话"
            label="联系电话"
            placeholder="请输入"
            required
          />
          <van-field
            v-model="relationForm.email"
            name="联系邮箱"
            label="联系邮箱"
            placeholder="请输入"
          />
        </div>
        <div   class="relation-btn"  v-if="!id">
          <van-button round block type="info" color="var(--themeBaseColor)" @click="relationBtn">提交</van-button>
        </div>
      </div>
      <div class="complain-me" @click="complainMe" v-if="!id"><span>我的投诉</span><span class="iconfont icon-icon_more11"></span></div>
      <div class="mb-50"></div>
      
    </div>
   
  </div>
</template>

<script>
import complaint_controller from "./complaint_controller";
export default complaint_controller;
</script>
<style lang="scss" scoped>
/* @import url(); 引入公共css类 */
.relation-form ::v-deep .van-field__label {
  color: #00001C;
}
.mb-50 {
  height: 3.125rem;
  clear: both;
}
  .complaint-page {
    .complaint-main {
      padding:0.75rem;
      .complaint-title {
        font-weight: 500;
        font-size: 0.9375rem;
        line-height: 0.9375rem;
        color: #00001C;
        padding:0 0 0.9375rem 0;
        text-align: left;
      }
      .relation {
        padding:1.0625rem 0 0  0;
        
      }
      .complain-me {
        font-size: 0.8125rem;
        color: #6E6E79;
        // margin:0.5rem 0 0 0;
        .icon-icon_more11 {
          font-size: 0.8125rem;
          color: #6E6E79;
        }
      }
      .relation-form {
        background: #FFFFFF;
        border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
        overflow: hidden;
      }
      .relation-btn {
        margin:1rem 0 1.4375rem 0;
      }
    }
  }
</style>